.sorter {
    width: 100%;
    float: left;
    padding: 5px 0;
}

.sorter > div {
    float: left;
    height: 30px;
    border: 1px solid #ccc;
    margin: 0 5px;
}

.sorter label {
    padding: 0 2px;
}

.sorter span {
    padding: 4px 12px;
    display: inline-block;
}

.sorter select {
    float: left;
    height: 30px;
    border: 1px solid #ccc;
}

.sorter i {
    padding: 0 2px;
    cursor: pointer;
}

.sorter .fa-times {
    height: 28px;
    display: inline-block;
    float: right;
    line-height: 30px;
    color: #c30;
}

.sorter .fa-times:hover {
    opacity: .7;
}

.sorter-span {
    color: #444;
    cursor: pointer;
}

.sorter-span:hover {
    color: #888;
}